<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- <input id="year" type="text" value="22222"> -->
  <input id="year" type="text">
  <button id="btn">判断</button>
  <script>
    // 需求
    // 在第一个输入框中输入一个年份  点击判断按钮  将结果输出到  输出框
    // 年份的要求:  1000-9999的整数

    // 1. 分析需要操作的元素  => JS操作元素之前 需要 获取元素  

    var yearInp = document.getElementById("year");  // 年份输入框
    var btn = document.getElementById("btn");

    // 2. 给btn按钮绑定点击事件  => 点击的时候对yearInp的值进行验证
    btn.onclick = function () {  // 当按钮被点击时 => 执行function中{}的内容
      // alert(111111);    

      // 3. 点击取值  取yearInp的value值 (从输入框中取的value值都是文本 =>字符串类型)
      console.log(yearInp.value);  // "11111"

      var year = yearInp.value;  // 取yearInp的value值 赋值给变量year (字符串类型)  
      console.log(year);     // year 变量 存储的是value值   "11111"  => 字符串 => 不能代表元素
      // var year = "11111";

      // 3.  赋值操作 (能改变元素的只有元素本身)
      yearInp.value = "22222"; // 将yearInp年份输入框的值 改为 22222

      // year = "22222"; // 修改了变量year 跟yearInp输入框没有关系(能改变元素的只有元素本身)
      // var  a = 1;
      // a = 2;  

      // 我 = {
      //     money:100
      // }
      // 取值
      // var money(变量) = 我.money;  // 100
      // money(变量) = 200;

      // 赋值
      // 我.money = 200;

    }



  </script>
</body>

</html>